<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>韩国艺人iu</title>

<!-- Google fonts -->
<link href='http://fonts.googleapis.com/css?family=Raleway:400,800' rel='stylesheet' type='text/css'>

<!-- font awesome -->
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">

<!-- bootstrap -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css" />

<!-- animate.css -->
<link rel="stylesheet" href="assets/animate/animate.css" />

<!-- gallery -->
<link rel="stylesheet" href="assets/gallery/blueimp-gallery.min.css">

<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">


<link rel="stylesheet" href="assets/style.css">

</head>

<body id="home">
<!-- header -->
      
       

      <h1 class="logo"><a href="#home" class="scroll">Tucon bicycle</a></h1>
      <div class="menu">
      <a href="#about" class="scroll">About</a>
      <a href="#products" class="scroll">Products</a>      
      <a href="#contact" class="scroll">Contact</a>      
      </div>
      <!-- slider -->
      <div id="carousel-banner" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner" role="listbox">
        <div class="item active"><img src="images/banner1.jpg" class="img-responsive">
               <!-- caption -->
              <div class="caption">
              <h2>IU简介</h2>
              <p>李知恩（IU），1993年5月16日出生于韩国首尔特别市，韩国女歌手，演员，主持人。

2008年以一首《迷儿》正式出道。2011年，以一首《好日子》在韩国走红。2013年，发行正规三辑《MODERN TIMES》再次获得关注。2014年10月2日，发行的单曲《昭格洞》取得了GENIE 实时榜连续7次破表，MelOn实时榜连续4次破表，全网AK的成绩。以三段式高音在韩国歌坛获得关注。截止2015年，她两次获得MAMA最佳女歌手奖。2011年，首次出演电视剧《Dream high》。2012年末，美国电影评论网站TC Candler公布了“2012年全球100张最美面孔”，IU排在了第19位。2012年~2015年，分别位列韩国福布斯名人榜第三、第八、第十和第十四位。李知恩还涉足主持以及表演领域，2011年1月，出演校园剧《dream high》；3月，成为SBS音乐节目《人气歌谣》的固定主持人 。2013年，凭借周末剧《最佳李顺心》获得KBS演技大赏新人女演员奖。2015年，主演KBS金土剧《制作人》。2016年，主演古装穿越《步步惊心：丽》 。

2017年4月，发行第四张正规专辑《Palette》 。同年9月，发表第二张翻唱专辑《花书签2》。12月，韩国女歌手IU获2017MAMA最佳女歌手奖。2018年，出演tvN电视台新剧《我的大叔》 。
              </p>   
              </div>
              <!-- caption -->
        </div>
        <div class="item"><img src="images/banner2.jpg" class="img-responsive">
               <!-- caption -->
              <div class="caption">
              <h2>IU简介</h2>
              <p>李知恩（IU），1993年5月16日出生于韩国首尔特别市，韩国女歌手，演员，主持人。

2008年以一首《迷儿》正式出道。2011年，以一首《好日子》在韩国走红。2013年，发行正规三辑《MODERN TIMES》再次获得关注。2014年10月2日，发行的单曲《昭格洞》取得了GENIE 实时榜连续7次破表，MelOn实时榜连续4次破表，全网AK的成绩。以三段式高音在韩国歌坛获得关注。截止2015年，她两次获得MAMA最佳女歌手奖。2011年，首次出演电视剧《Dream high》。2012年末，美国电影评论网站TC Candler公布了“2012年全球100张最美面孔”，IU排在了第19位。2012年~2015年，分别位列韩国福布斯名人榜第三、第八、第十和第十四位。李知恩还涉足主持以及表演领域，2011年1月，出演校园剧《dream high》；3月，成为SBS音乐节目《人气歌谣》的固定主持人 。2013年，凭借周末剧《最佳李顺心》获得KBS演技大赏新人女演员奖。2015年，主演KBS金土剧《制作人》。2016年，主演古装穿越《步步惊心：丽》 。

2017年4月，发行第四张正规专辑《Palette》 。同年9月，发表第二张翻唱专辑《花书签2》。12月，韩国女歌手IU获2017MAMA最佳女歌手奖。2018年，出演tvN电视台新剧《我的大叔》 。
              </p>   
              </div>
              <!-- caption -->
        </div>
        <div class="item"><img src="images/banner3.jpg" class="img-responsive">
              <!-- caption -->
              <div class="caption">
              <h2>IU简介</h2>
              <p>李知恩（IU），1993年5月16日出生于韩国首尔特别市，韩国女歌手，演员，主持人。

2008年以一首《迷儿》正式出道。2011年，以一首《好日子》在韩国走红。2013年，发行正规三辑《MODERN TIMES》再次获得关注。2014年10月2日，发行的单曲《昭格洞》取得了GENIE 实时榜连续7次破表，MelOn实时榜连续4次破表，全网AK的成绩。以三段式高音在韩国歌坛获得关注。截止2015年，她两次获得MAMA最佳女歌手奖。2011年，首次出演电视剧《Dream high》。2012年末，美国电影评论网站TC Candler公布了“2012年全球100张最美面孔”，IU排在了第19位。2012年~2015年，分别位列韩国福布斯名人榜第三、第八、第十和第十四位。李知恩还涉足主持以及表演领域，2011年1月，出演校园剧《dream high》；3月，成为SBS音乐节目《人气歌谣》的固定主持人 。2013年，凭借周末剧《最佳李顺心》获得KBS演技大赏新人女演员奖。2015年，主演KBS金土剧《制作人》。2016年，主演古装穿越《步步惊心：丽》 。

2017年4月，发行第四张正规专辑《Palette》 。同年9月，发表第二张翻唱专辑《花书签2》。12月，韩国女歌手IU获2017MAMA最佳女歌手奖。2018年，出演tvN电视台新剧《我的大叔》 。
              </p>   
              </div>
              <!-- caption -->
        </div>        
      </div>         
      <!-- Controls -->
      <div class="next-prev">
      <a class="left" href="#carousel-banner" role="button" data-slide="prev"><i class="fa fa-3x fa-angle-left"></i></a>
      <a class="right" href="#carousel-banner" role="button" data-slide="next"><i class="fa fa-3x fa-angle-right"></i></a>
      </div>
      </div>
      
      <!-- slider -->



<!-- about -->
<div class="about" id="about">
  <div class="container">
    <h2 class="text-center">了解认识可爱的iu</h2>
    <div class="row">
    <div class="col-md-6 col-xs-12 col-md-offset-3">

        <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
           <i class="fa fa-bicycle"></i> 演艺经历
          </a>
        </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
         2008年，9月18日IU于Mnet的音乐节目《M！ Countdown》 中以演唱《迷儿》一曲正式出道。9月24日，首张迷你专辑《Lost and Found》正式发行。成时京还邀请IU与他一起合唱了歌曲《是你》。同年推出首张专辑《Lost And Found》，在当时以15岁的少女身份为主要特色，她只经历了10个多月的练习期就正式出道。

2009年，4月16日首张正规专辑《Growing Up》正式发行。专辑主打歌《Boo》在三周内成为SBS的音乐节目《人气歌谣》一位后选，并于其他音乐节目和线上音源排行榜取得不错的成绩。其后以后续曲《不是吗！(Rock ver.)》继续专辑宣传，直至8月15日结束。11月12日，第二张迷你专辑《iu...im》正式发行。11月13日，以《棉花糖》作为主打歌于KBS的音乐节目《音乐银行》回归。

2010年，IU的演艺事业迎来了高峰时期，推出的歌曲《好日子》和《唠叨》在各大排行榜上数周占据前几位，同时这两首歌也让她成为歌谣节目中的常胜将军，还获得了金唱片大赏以及首尔歌谣大赏。年中，IU和2AM成员瑟雍为MBC综艺节目《我们结婚了》合唱主题曲《唠叨》。6月27日，凭该曲于SBS的音乐节目《人气歌谣》获得出道后首个一位，其后在7月2日于KBS的音乐节目《音乐银行》中同样获得一位。12月9日，第三张迷你专辑《Real》正式发行。她在专辑主打歌《好日子》中连续三段的高音唱功在当时引起关注，并且凭此曲分别于SBS《人气歌谣》及KBS《音乐银行》夺得出道后首个三连冠。并于Mnet的音乐节目《M！ Countdown》中首得一位。2010年末，IU正式向演技领域进军，出演青春电视剧《Dream High》，并受到一些观众的喜爱。[2]

2011年，《好日子》一曲受到不少歌迷的喜爱， 但因宣传时间较短让IU留下不少的遗憾。因此在2月17日，额外收录有3首新曲的改版迷你专辑《REAL+》正式发行。韩国线上音乐公司Soribada将《好日子》列为2011年第一季最多人下载的歌曲。3月20日，成为SBS音乐节目《人气歌谣》的主持之一。5月，为动画片《芽芽，走出院子的母鸡》演唱主题曲。[3]5月14日，参与日本富士电视台在东京举办的《Tokyo Legend 2011》慈善演唱会，为16组韩国演出人员之一。表演其后在7月17日通过富士电视台播出。6月18日，适逢IU出道后的第1004日，于AX-Korea举办了首次官方歌迷见面会及迷你演唱会。7月13日，参与KBS在日本东京举办的《Music Bank in Tokyo》演唱会，为15组韩国演出人员之一。11月29日，发行第二张正规专辑《Last Fantasy》，专辑的全部13首歌曲迅速占据了各大音乐网站榜单的1至13位。海外方面，专辑在iTunes专辑排行榜中获得名次；日本及澳洲获得第一名；美国及加拿大获得第三名；纽西兰获得第十名。12月23日，在KBS的音乐节目《音乐银行》年末结算中以《好日子》取得年度一位。全年凭《Last Fantasy》主打曲《You & I》分别于KBS《音乐银行》及SBS《人气歌谣》中连续6次及3次获奖。

2012年，1月24日在日本举行SHOWCASE正式出道。3月15日，参与KBS在越南河内举办的《Music Bank in Vietnam》演唱会，为7组韩国演出人员之一。3月21日，发行日文单曲《Good Day》。该曲在日本Oricon排行榜一进榜就登上第八名，单周排行榜上则拿下了第六名的佳绩，IU也是少数进入前10名的韩国独立女歌手。4月初，经纪公司宣布将为她举行首次韩国巡回演唱会《REAL FANTASY》。5月11日，第七张单曲《二十岁的春天》在无宣传活动情况下发行，其中凭《Peach》及《Every End of the Day》多次获得前三名成绩。从6月开始，《REAL FANTASY》于包括首尔和釜山在内的韩国6个不同城市举行。因演唱会准备工作，期间需暂时退出SBS音乐节目《人气歌谣》的主持，直到演唱会完毕。6月23日，在演唱会期间参加了KBS在香港举办的《K-Pop Festival Music Bank in Hong Kong》演唱会，为8组韩国演出人员之一。7月18日，第二张日文单曲《You & I》正式发行。12月29日，成为SBS除夕年度音乐节目《SBS歌谣大战》主持人之一。[4]

2013年，IU位列韩国福布斯名人榜第8位。2月，IU被任命为学校暴力防治形象大使以及名誉警察。[5]1月26日，IU确定演出KBS周末剧《最佳李顺心》的女主角李顺心。2月初，日本专辑《Can You Hear Me？》的封面及造型公开。3月20日，在日本推出首张日语原创迷你专辑《Can You Hear Me？》。7月下旬，公布将于9月11日推出第三张日本单曲《Monday Afternoon》，该辑讲述一位女人满心期待着一个能够找回遗失的爱的机会的故事。7月28日，IU于SBS的音乐节目《人气歌谣》中宣布当天是她在该节目的最后一次主持，告别担任了2年4个月的主持工作。8月25日，IU在《王牌大明星》大结局后，于网上公开与男主角曹政奭的合唱曲《Beautiful Song》。年9月10日，第三张日文单曲《Monday Afternoon》完整MV由官方提前公开，该曲于11日正式发行。9月17日，官方确定IU将在10月7日凭正规三辑《Modern Times》的推出回归，并发表了一组带有专辑名称的概念照。9月18日，IU透过官方Daumcafe传达对出道5周年的感受和给粉丝们的感谢问候，亦表示全新MV刚拍摄完成，回归的准备也几近完成。9月23日至10月4日，以《双唇之间》为首，官方每隔两天发表一支收录曲的MV预告。并透过音源网站MelOn公开专辑曲目。10月8日韩国时间凌晨0时，正规三辑《Modern Times》音源正式上线。继二辑《Last Fantasy》后，全辑13首歌曲再次攻占了音源榜第1至13名。翌日更于ichart的周榜达到「Perfect All-kill」。主打歌《红舞鞋》更于回归的第二个星期便取得所有音乐节目一位。[6]

10月22日，IU接拍KBS水木剧《漂亮男人》，和张根硕合作，饰演女主角金普通，是一个比较可爱的普通女孩。[7]10月30日，IU出演综艺节目《隐藏歌手2》。其后节目于11月23日播出，而IU也打破了该节目最终轮的纪录，得到了100票当中的88票，成功地拿下了优胜。此外，该集也以5.515%的平均收视率打破该节目两季以来的收视纪录。12月13日，公司宣布IU计划于12月20日推出正规三辑《Modern Times》的改版专辑《Modern Times - Epilogue》，额外收录两首新歌《星期五见面》及《Pastel Crayons》。[8]《星期五见面》由IU自创，歌曲直白传达恋爱的激动心情，并邀请后辈History的张利贞合唱。而《Pastel Crayons》则是作曲家KZ与Junjaman共同制作，同时也是IU主演的影集《漂亮男人》的原声带收录曲。该专辑也包含她第二场个人演唱会的DVD和特别写真册，限量发售一万张。12月22日韩国时间晚上9时，歌曲《星期五见面》取得ichart的所有日榜一位排名。凌晨0时，歌曲再次达到「Perfect All-kill」，成为ichart改版后获得该称号的第二位歌手。随着《星期五见面》登上美国Billboard杂志K-Pop Chart一位后，IU与女团Sistar及男团Busker Busker并列为该榜成立以来拥有4首榜首歌曲的歌手。

2014年，3月21日IU在上海浅水湾艺术中心大剧场举办中国首场Live Show；[9]3月24日，李知恩在香港九展举行个人演唱会。[10]2014年福布斯韩国十大名人位列第十位。[6]5月9日，IU官方Facebook表示翻唱专辑《花书签（꽃갈피）》音源将于5月16日凌晨12点公开，并公开了复古风格的概念照。合作专辑的歌手分别是前辈歌手赵德培、酷龙、金昌完（김창완）、尹尚（윤상）。5月16日凌晨0时，《花书签》音源正式公开。5月17日下午，歌曲《我以前的故事》取得ichart的所有日榜一位排名。5月19日凌晨0时，歌曲《我以前的故事》达到“Perfect All-kill”，成为IU第5首获得该称号的歌曲，是2014年第一位歌手达到“Perfect All-kill”。5月22日至6月1日，IU于首尔西江大学Mary Hall举办8场小型演唱会《One More Step... Just That Much》，表演歌曲中包括《花书签》内全部七首新曲。2014年10月2日0点发行的单曲《昭格洞》，取得了GENIE 实时榜连续7次破表，MelOn 实时榜连续4次破表，全网AK的成绩
        </div>
        </div>
        </div>
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
           <i class="fa fa-bicycle"></i> 人物评价
          </a>
        </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
         “IU。永远不把错推给别人。好的话就是作曲家和工作人员的功劳，不好的话就审视自己。自尊心很强，没有受害意识。小小年纪内功强大。又很成熟。反而是我学到了很多。”（金伊娜作词家评）

李知恩，2013年入选“2012年全球100张最美面孔”名 单，位列第19名。（美国电影评论网站TC candler评）被韩国人民亲切的称为“国民妹妹”。[8]歌唱实力雄厚，“三段高音”技巧为人津津乐道。（人民网评）[11]

1993年出生的IU李知恩因其甜美长相的萌妹气质被誉为“国民妹妹”，IU当年抱着吉他以一首翻唱少女时代的《Gee》而闻名中韩，歌如其貌的甜美。（腾讯娱乐评）[12]
        </div>
        </div>
        </div>
        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
           <i class="fa fa-bicycle"></i> 获奖介绍
          </a>
        </h4>
        </div>
        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
2017	
MAMA最佳女歌手奖	

2015	
韩国大众文化艺术颁奖礼国务总理表彰


2014	
SBS人气歌谣第一位  
 除了 春、爱情、樱花   
获奖
2014	
人气歌谣 一位   
星期五见面   
2014	
音乐银行 一位    
2014	
MnetM！ Countdown
红舞鞋   
2014	第3届   
2013年度歌手奖（10月音源部份）   

2014

2013年度韩国福布斯名人榜第十名 

2013

2012年度韩国福布斯名人榜第八名   

2013	
KBS音乐银行  
红舞鞋   
2013	
MnetM！ Countdown  
2013	
KBS演技大赏最佳cp   

2013	
KBS演技大赏新人女演员奖   

2012	
2011年度韩国福布斯名人榜第三名   

2012

KBSMusic Bank 年终计算：18位     
Every End of The Day 
2012

KBSMusic Bank年终计算：9位   
你和我 
2012

KBSMusic Bank   
2012

JTBCMusic On Top   
2012
第27届   
亚洲区三大新人奖   

2012
第24届   
韩国PD大赏歌手部门奖   

2012
第9届   
韩国大众音乐赏最佳流行歌曲奖   
Good Day   
2012
第9届   
韩国大众音乐赏最佳年度歌曲奖  
        </div>
        </div>
        </div>

        <div class="panel panel-default">
        <div class="panel-heading" role="tab">
        <h4 class="panel-title">
          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
           <i class="fa fa-bicycle"></i> 专辑介绍
          </a>
        </h4>
        </div>
        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel">
        <div class="panel-body">
           <div class="clearfix food-list"><div class="pull-left">Palette</div><span class="pull-right">2017</span></div>
          <div class="clearfix food-list"><div class="pull-left">Monday Afternoon </div><span class="pull-right">2013</span></div>
          <div class="clearfix food-list"><div class="pull-left"> can you hear me</div><span class="pull-right">2013</span></div>
          <div class="clearfix food-list"><div class="pull-left">Modern Times</div><span class="pull-right">2013</span></div>
        </div>
        </div>
        </div>

      


        </div>
        </div>     
    </div>
  </div>
</div>
<!-- about -->
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
      


       <!-- product list -->
       <div id="products">
       <h2 class="text-center">专辑目录</h2>
        <div class="row-fluid gallery clearfix" id="portfolio">
              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/1.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>专辑一</h3>
                    <p>$ 99.00</p>
                    <a href="images/photos/1.jpg" title="Shoes" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/2.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>专辑二</h3>
                    <p>$ 99.00</p>
                    <a href="images/photos/2.jpg" title="Formal" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/3.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>专辑三</h3>
                    <p>$ 99.00</p>
                    <a href="images/photos/3.jpg" title="Red" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp ">
                <img src="images/photos/4.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>专辑四</h3>
                    <p>$ 99.00</p>
                    <a href="images/photos/4.jpg" title="Brown" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->



              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp ">
                <img src="images/photos/4.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>专辑四</h3>
                    <p>$ 99.00</p>
                    <a href="images/photos/4.jpg" title="Brown" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->


              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/3.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>专辑三</h3>
                    <p>$ 99.00</p>
                    <a href="images/photos/3.jpg" title="Red" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->



              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/1.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>专辑二</h3>
                    <p>$ 99.00</p>
                    <a href="images/photos/1.jpg" title="Shoes" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->

              <!-- product -->
              <div class="col-sm-3 product wowload fadeInUp">
                <img src="images/photos/2.jpg" class="img-responsive">
                <div class="overlay">
                  <div class="ab-wrap"><div class="ab-center text-center">
                    <h3>专辑一</h3>
                    <p>$ 99.00</p>
                    <a href="images/photos/2.jpg" title="Formal" class="btn btn-default gallery-image" data-gallery="">View Preview</a>
                  </div></div>
                </div>
              </div>
              <!-- product -->
       </div>
       </div>
       <!-- product list -->


       <!-- contact -->
       <div class="contact" id="contact">

       <div class="container">
       <h2 class="text-center">如果你也喜欢她需要购买专辑手办并且一起谈论她，可以联系我们</h2>
       <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
          <form>
                <div class="form-group">
                    <input id="name" name="name" type="text" class="form-control" placeholder="Name"> 
                </div>
                <div class="form-group">
                    <input id="email" name="email" type="email" class="form-control" placeholder="Email address">
                </div>
                <div class="form-group">
                    <textarea id="message" name="message" class="form-control" placeholder="Your Message" rows="5"></textarea>
                </div>                  
                <button type="submit" class="btn btn-warning"><i class="fa fa-send-o"></i> Submit</button>
            </form>
         
          </div>
        </div>
       </div>
       </div>

       
       <div id="map"></div>
       <!-- contact -->


        <!-- footer -->
        <div class="footer text-center">
          <div class="social">
          <a href="#"><i class="fa fa-facebook fa-2x"></i></a>
          <a href="#"><i class="fa fa-instagram fa-2x"></i></a>
          <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
          <a href="#"><i class="fa fa-pinterest fa-2x"></i></a>
          </div>
        Powered by: <a href="#">thebootstrapthemes</a> 
More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
        </div>
        <!-- footer -->






      <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
      <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
          <!-- The container for the modal slides -->
          <div class="slides"></div>
          <!-- Controls for the borderless lightbox -->
          <h3 class="title">Title</h3>
          <a class="prev">‹</a>
          <a class="next">›</a>
          <a class="close">×</a>
          <!-- The modal dialog, which will be used to wrap the lightbox content -->    
      </div>

<a href="#home" class="gototop scroll"><i class="fa fa-angle-up  fa-3x"></i></a>

<!-- jquery -->
<script src="assets/jquery.js"></script>

<!-- wow script -->
<script src="assets/wow/wow.min.js"></script>

<!-- boostrap -->
<script src="assets/bootstrap/js/bootstrap.js" type="text/javascript" ></script>

<!-- jquery mobile -->
<script src="assets/mobile/touchSwipe.min.js"></script>
<script src="assets/respond/respond.js"></script>

<!-- gallery -->
<script src="assets/gallery/jquery.blueimp-gallery.min.js"></script>


 <script src='https://maps.googleapis.com/maps/api/js?key=&sensor=false&extension=.js'></script> 
 
<!-- custom script -->
<script src="assets/script.js"></script>

</body>
</html>